import { Button } from 'antd';
import React from 'react';
import './index.less'
export interface ToolbarProps extends   React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>{
  left?: React.ReactNode,
  right?: React.ReactNode,
  children?: React.ReactNode,
}
const Toolbar = ({ left, right, children,...rest }: ToolbarProps) => {
  return (<div className='toolbar-container' {...rest}>
    <div className='toolbar-item'>{left}</div>
    <div className='toolbar-item toolbar-item-center'>{children}</div>
    <div className='toolbar-item toolbar-item-right'>
      {right}
    </div>
  </div>)
}
export default Toolbar